<html>
    <head>
        <title>Test</title>
        <style>
          @import url(src/leaflet.css);
        </style>
        
        <script type="module">

          import * as L from "./src/leaflet-src.esm.js";
          var map = L.map('mapid').setView([55.7539, 37.6208], 13);

          L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
              attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
          }).addTo(map);          

          L.marker([55.7539, 37.6208]).addTo(map)
            .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
            .openPopup();

        </script>

        <style>
          #mapid { width: 862px; height: 300px; border:1px solid;  }
        </style>

    </head>
    <body>

    <div id="mapid" />


    </body>
</html>